<!--
  功能说明：根组件，包含导航与路由出口。
-->
<template>
  <div class="app">
    <NavBar />
    <router-view />
  </div>
</template>

<script>
import NavBar from './components/NavBar.vue'

export default {
  name: 'App',
  components: { NavBar }
}
</script>

<style>
/* 关键样式：基础布局 */
.app {
  font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  color: #2c3e50;
  margin: 0 auto;
  max-width: 960px;
  padding: 16px;
}
</style>